<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Map</title>
    <script>
    /* 
        Map

    */
   const map = new Map()
   map.set("name","孙悟空")
   map.set("age",18)

// 1.将Map转为数组

   //通过...运算符
   const arr=[...map]
   
   // 通过Array.from()
   const arr2=Array.from(map)
   
//2.map转换为数组是一个二维数组，可以通过二维数组来生成一个map
    const map2=new Map([["name","猪八戒"],["age",18],[{},()=>{}]])
    console.log(map2)

// 3.遍历map
    // for - of 遍历
    for(let entry of map2){
        const [key,value]=entry
        console.log(key,value)
    }
    // for -each遍历
    map2.forEach((value,key)=>{
        console.log(value,key)
    })

// 4.获取map所有的key
    map2.keys()
    //遍历keys
    for(key of map2.keys()){
        console.log(key)
    }

// 5.获取map所有的value   
    map2.values()

// 6.获取map所有的键值对 
    map2.entries()
    </script>
</head>
<body>
    
</body>
</html>